<template>
    <div id="app">
       <ul>
           <li>
               <router-link to="/">home</router-link>
           </li>
           <li>
               <router-link to="/about">about</router-link>
           </li>
           <li>
                <router-link to="/posts">Posts</router-link>
            </li>
       </ul>
       <router-view/>
    </div>
</template>
<script>
export default {
    name:'app',
    data() {
        return {
            message: '小明'
        }
    },
    methods:{
        // 因为服务端只给静态 html，js 交互没法完成
        clickHandler(){
            this.message = 'click'
        }
    }
}
</script>
